<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,aItemress=no">
	<title>我的订单</title>
	<link rel="stylesheet" type="text/css" href="../../../css/aui.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/aui-flex.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/app.css" />
	<style type="text/css">
		body {
			background-color: #f6f6f6;
		}

		.list-wuliu .list-item {
			padding: 1rem 0.5rem 0.8rem 0.5rem;
			background-color: #FFFFFF;
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-webkit-flex-direction: row;
			flex-direction: row;
			justify-content: space-between;
			-webkit-box-align: center;
			-webkit-align-items: center;
			align-items: center;
		}

		.list-address .list-item {
			padding: 0 0.5rem;
			background-color: #FFFFFF;
			height: 4.9rem;
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-webkit-flex-direction: row;
			flex-direction: row;
			justify-content: space-between;
			-webkit-box-align: center;
			-webkit-align-items: center;
			align-items: center;
		}

		.list-item .location-icon {
			width: 1.2rem;
			margin-right: 0.8rem;
		}

		.list-item .pay-channel {
			flex: 1;
		}

		.list-item .btn-right {
			height: 0.75rem;
			margin-left: 1rem;
		}

		.goods-list .aui-list .aui-list-item {
			padding-left: 0rem!important;
		}

		.goods-list header {
			color: #690078!important;
			font-size: 0.85rem;
			border-left: 0.2rem solid #690078;
			height: 0.85rem;
			line-height: 0.85rem;
			padding-left: 0.35rem;
		}

		.goods-list .aui-list .aui-list-item-media {
			width: 4.75rem;
			padding-right: 0.5rem;
			padding-bottom: 1rem;
			margin-right: 0.25rem;
		}

		.goods-list .aui-list .aui-list-item-media img {
			border-radius: 0.25rem;
			width: 100%;
		}

		.goods-list .aui-list .aui-list-item-title {
			height: 1.6rem;
			line-height: 0.85rem;
		}

		.goods-list .aui-list .aui-list-item-text {
			margin-top: 0.35rem;
			padding-bottom: 0.5rem;
		}

		.goods-list .aui-list .aui-list-item-inner {
			padding-right: 0;
		}

		.information-list .aui-list .aui-list-item-title {
			font-size: 0.7rem;
			color: #999999;
		}

		.information-list .aui-list .aui-list-item {
			padding-left: 0;
		}

		.information-list .aui-list .aui-list-item-inner {
			padding-right: 0;
		}

		.btn-group {
			width: 100%;
			height: 2.45;
			line-height: 2.45rem;
			padding-right: 0.5rem;
			background-color: #FFFFFF;
			text-align: right;
			position: fixed;
			top: auto;
			bottom: 0;
			table-layout: fixed;
			box-sizing: border-box;
		}

		.btn-group .aui-btn {
			height: 1.5rem;
			/* width: 4rem; */
			line-height: 1.5rem;
			border-radius: .85rem;
			margin-left: 0.5rem;
			font-size: .7rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
			/* display: flex;
			justify-content: center;
			align-content:center; */
		}

		.btn-group .btn-white {
			background-color: #FFFFFF;
	    border: 1px solid #E6E6E6;
	    color: rgba(128,128,128,1);
		}

		.btn-group .btn-jianbian {
			color: rgba(255,255,255,1);
			/*border: 1px solid #690078;*/
		}

		.text-default {
			color: #666666;
		}

		.text-color-333 {
			font-size: .75rem;
			font-family: Akrobat-Bold;
			color: rgba(51, 51, 51, 1);
		}

		.text-color-222 {
			font-size: .75rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(51, 51, 51, 1);
		}

		.abs-l-2 {
			position: absolute;
			left: .2rem;
		}

		.abs-r-2 {
			position: absolute;
			right: .2rem;
		}

		.mgn-l-2 {
			margin-left: .2rem;
		}
		/**/

		.order_detail_status {
			height: 3rem;
			background-image: url('../../../image/btn/background.png');
			background-repeat: no-repeat;
			background-size: contain;
			display: flex;
			padding-left: 3rem;
		}

		.status_img img {
			width: 1.1rem;
			margin-right: 0.45rem;
			margin-top: 1.65rem;
		}

		.order_address_detail {
			padding: 0.8rem 0 1.5rem 0;
		}

		.ming-text-app-dark {
			font-size: .75rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(50, 50, 51, 1) !important;
		}

		.info_receive {
			width: 100%;
			/*height:5.25rem;*/
			background-color: #fff;
			/*border:1px solid red;*/
			padding: .8rem;
			display: flex;
			justify-content: space-between;
		}

		.info_name {
			font-size: .75rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(50, 50, 51, 1);
		}

		.info_name>span {
			display: inline-block;
			margin-right: 1.2rem;
			/*border:1px solid red;*/
		}

		.info_address {
			/*border:1px solid #000;*/
			width: 15.55rem;
			display: flex;
			margin-top: .4rem;
		}

		.info_address>div:nth-child(1) {
			flex: 9;
			display: inline-block;
			maxHeight: 2.2rem;
			font-size: .7rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(100, 100, 102, 1);
		}

		.info_item {
			display: inline-block;
			display: flex;
			align-items: center;
		}

		.info_item img {
			display: inline-block;
			width: 0.4rem;
			height: 0.7rem;
			float: right;
		}

		.order_details_status1 {
			margin-top: 1.5rem;
			height: 1.3rem;
			font-size: 0.95rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
			margin-bottom: 0.3rem;
		}

		.order_details_status1 p {
			font-size: 0.65rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(255, 255, 255, 1);
		}

		.order_details_status2 {
			margin-top: 2.1rem;
			height: 1.3rem;
			font-size: 0.95rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(255, 255, 255, 1);
			margin-bottom: 0.3rem;
		}

		.order_time {
			height: 0.9rem;
			font-size: 0.65rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(255, 255, 255, 1);
		}

		.good_info {
			display: inline-block;
			width: 100%;
			margin: .5rem 0;
			/*background-color:#fff;*/
		}

		.good_new {
			padding: .75rem;
			height: 2.65rem;
			font-size: .85rem;
			font-family: PingFangSC-Semibold;
			font-weight: 600;
			color: rgba(51, 51, 51, 1);
		}

		.good_new img {
			width: 0.2rem;
			height: 0.7rem;
			display: inline-block;
		}

		.good_list {
			width: 100%;
			padding: .8rem;
			display: flex;
		}

		.good_list_img {
			display: inline-block;
			flex: 20;
		}

		.good_list_img img {
			display: inline-block;
			width: 3.2rem;
			height: 3.2rem;
		}

		.good_list_info {
			display: inline-block;
			flex: 80;
			padding-left: .6rem;
		}

		.good_lis_title {
			font-size: .7rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(50, 50, 51, 1);
		}

		.good_list_sku {
			font-size: .6rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
		}

		.good_list_price {
			font-size: .75rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(51, 51, 51, 1);
		}

		.good_list_price>span {
			display: inline-block;
			float: right;
			font-size: .6rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
		}

		.after_sale {
			display: inline-block;
			width: 4rem;
			height: 1.5rem;
			line-height: 1.5rem;
			text-align: center;
			float: right;
			border-radius: .8rem;
			border: 1px solid rgba(221, 221, 221, 1);
			font-size: .7rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
			margin-top: .25rem;
		}

		.good_info_head {
			width: 100%;
			border-bottom: 1px solid rgba(238, 238, 238, .5);
			background-color: #fff;
		}

		.good_info_bottom {
			width: 100%;
			border-bottom: 1px solid rgba(238, 238, 238, .5);
			background-color: #fff;
			margin-bottom: .5rem;
		}

		.Settlement {
			display: flex;
			flex-direction: column;
			width: 100%;
			/*height:8.8rem;*/
			padding: .3rem .75rem;
			/*border:1px solid red;*/
			margin-bottom: .5rem;
			background-color: #fff;
			line-height: 1.52rem;
			font-size: .75rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(102, 102, 102, 1);
		}

		.Settlement>div {
			flex: 1;
			/*border:1px solid green;*/
		}

		.Subtotal>span {
			display: inline-block;
			float: right;
			font-size: .75rem;
			font-family: Akrobat-Bold;
			color: rgba(51, 51, 51, 1);
		}

		.freight>span {
			display: inline-block;
			float: right;
			font-size: .75rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(51, 51, 51, 1);
		}

		.Coupon>span {
			display: inline-block;
			float: right;
			font-size: .75rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(34, 34, 34, 1);
		}

		.Deduction>span {
			display: inline-block;
			float: right;
			font-size: .75rem;
			font-family: Akrobat-Bold;
			color: rgba(34, 34, 34, 1);
		}

		.pay_style {
			display: inline-block;
			float: right;
			font-size: .75rem;
			font-family: Akrobat-Bold;
			color: rgba(255, 102, 66, 1);
		}

		.invoice_remarks {
			width: 100%;
			height: 2.5rem;
			line-height: 2.4rem;
			padding: 0 .75rem;
			/*border:1px solid red;*/
			/*display: flex;
			flex-direction: column;*/
			font-size: .75rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(102, 102, 102, 1);
			background-color: #fff;
			box-sizing: border-box;
			margin-top: 0.5rem;
			float: left;
		}

		.invoice {
			flex: 1;
			/* border-bottom: 1px solid rgba(238, 238, 238, .5); */
		}

		.invoice>span {
			display: inline-block;
			float: right;
			color: rgba(51, 51, 51, 1);
		}

		.remarks {
			flex: 1;
		}

		.remarks span {
			display: inline-block;
			float: right;
			color: rgba(51, 51, 51, 1);
		}

		.other_list {
			width: 100%;
			background-color: #fff;
			border-bottom: .5rem;
			padding: .3rem .75rem;
			display: flex;
			flex-direction: column;
			line-height: 1.75rem;
			font-size: .75rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(102, 102, 102, 1);
			margin-bottom: 4rem;
		}

		.other_list>div {
			flex: 1;
		}

		.other_list>div>span {
			display: inline-block;
			float: right;
			font-size: .75rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(51, 51, 51, 1);
		}

		.new_goods_info {
			padding: 0.8rem 0.75rem 0 0.8rem;
			background: #ffffff;
			border-bottom: 0.5rem solid #F6F6F6;
		}

		.new_goods_info>div {
			display: flex;
			justify-content: space-between;
			padding-bottom: 0.75rem;
		}

		.new_goods_info>div>div>img {
			width: 3.2rem;
			height: 3.2rem;
			border-radius: 0.2rem;
			margin-right: 0.6rem;
			flex-shrink: 0;
		}

		.new_goods_info::after {
			content: '';
			display: block;
			clear: both;
		}

		.new_goods_title {
			width: 13.35rem;
			font-size: 0.7rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(50, 50, 51, 1);
			line-height: 0.85rem;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin-bottom: 0.2rem;
		}

		.new_goods_sku {
			width: 2.4rem;
			height: 0.85rem;
			font-size: 0.6rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
			line-height: 0.85rem;
			margin-bottom: 0.2rem;
		}

		.new_goods_price {
			/*width: 13.35rem;*/
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 0.5rem;
		}

		.new_goods_result {
			display: flex;
			justify-content: flex-end;
			align-items: center;
		}

		.new_goods_result>div {
			padding: 0.25rem 0.6rem;
			border: 1px solid rgba(221, 221, 221, 1);
			font-size: 0.7rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
			line-height: 1rem;
			border-radius: 0.8rem;
		}

		.logistics {
			background: #ffffff;
			padding: 0.75rem;
			padding-bottom: 0;
		}

		.logistics>div {
			display: flex;
			align-items: center;
			border-bottom: 1px solid rgba(238, 238, 238, 0.5);
			padding-bottom: 0.75rem;
		}

		.logistics_conext {
			width: 12.75rem;
			font-size: 0.75rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(50, 50, 51, 1);
			line-height: 1.05rem;
			margin-right: 4rem;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
			margin-bottom: 0.4rem;
		}

		.logistics_time {
			font-size: 0.7rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(100, 100, 102, 1);
			line-height: 1rem;
		}
		.all_order_item_title {
			height: 2.2rem;
			display: flex;
			align-items: center;
			margin: 0 0.75rem;
			line-height: 2.2rem;
			border-bottom: 0.05rem solid rgba(238, 238, 238, 0.5);
		}

		.all_order_item {
			padding: 0.8rem 0 0.85rem 0;
			border-bottom: 0.05rem solid rgba(238, 238, 238, 0.5);
		}

		.all_order_item>div {
			display: flex;
		}
		.info-shop {
			width: 13.35rem;
			box-sizing: border-box;
		}

		.info-name {
			height: 1.95rem;
			margin-bottom: 0.25rem;
		}

		.info-name>div:nth-child(1) {
			font-size: 0.7rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(50, 50, 51, 1);
			width: 13.35rem;
			text-overflow: -o-ellipsis-lastline;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			line-clamp: 1;
			-webkit-box-orient: vertical;
		}

		.info-name>div:nth-child(2) {
			font-size: 0.6rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
		}

		.info-price {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-right: 0.75rem;
		}

		.info-price>div:nth-child(1) {
			font-size: 0.75rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(51, 51, 51, 1);
		}

		.info-price>div:nth-child(2) {
			font-size: 0.6rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
		}
		.godds_img {
			width: 3.2rem;
			height: 3.2rem;
			margin-right: 0.6rem;
			flex-shrink: 0;
		}

		.godds_img img {
			width: 3.2rem;
			height: 3.2rem;
			border-radius: 0.2rem;
			flex-shrink: 0;
		}
		.overone {
			margin-bottom: 0.8rem;
			border-bottom: 0.05rem solid rgba(238, 238, 238, 0.5) !important;
		}
		.order_details_head{
			width: 100%;
			/*background-image: url('../../../image/btn/background.png');
			background-repeat: no-repeat;
			background-size: 100%;
			position: relative;
			top: 0;*/
			background:rgba(0,90,147,1);
		}
		.order_details_status img{
			float: left;
			margin-left: 1rem;
			margin-right: 0.3rem;
			width: 0.95rem;
		}
		.order_details_status div{
			margin-left: 0.2rem;
			font-size: 0.9rem;
			font-family: PingFangSC-Medium,PingFang SC;
			font-weight: 500;
			color: rgba(255,255,255,1);
			line-height: 1rem;
		}
		.logistics_title{
			color: rgba(255,255,255,1);
	    font-size: 0.65rem;
	    margin-left: 2.25rem;
	    margin-top: 0.25rem;
	    padding-bottom: 0.75rem;
		}
		.info_receive_box{
			background-color: #fff;
	    width: 100%;
	    float: left;
		}
		.info_receive_top{
			width: 100%;
			float: left;
		}
		.info_receive_top img{
			width: 0.6rem;
			height: 0.75rem;
			float: left;
			margin-left: 0.7rem;
			margin-top: 0.9rem;
		}
		.info_receive_top{
			font-size: 0.75rem;
			font-weight:500;
		}
		.info_receive_bottom{
			margin-top: 0.1rem;
			float: left;
			margin-left: 1.8rem;
			margin-bottom: 0.75rem;
		}
		.info_receive_bottom div{
			font-size:0.65rem;
			font-family:PingFangSC-Regular,PingFang SC;
			font-weight:400;
			color:rgba(128,128,128,1);
		}
		.good_title_box{
			float: left;
			background: #fff;
			width: 100%;
			height: 2.5rem;
			margin-top: 0.5rem;
		}
		.good_title_name:after{
			content: '';
	    position: absolute;
	    width: 0.15rem;
	    background: linear-gradient(360deg,rgba(167,233,255,1) 0%,rgba(0,90,147,1) 100%);
	    left: 0.55rem;
	    height: 0.7rem;
	    margin-top: 0.2rem;
		}
		.good_title_name{
			font-size: 0.75rem;
	    font-family: PingFangSC-Medium,PingFang SC;
	    font-weight: 500;
	    color: rgba(46,46,46,1);
	    margin-top: 0.75rem;
	    padding-left: 1.1rem;
		}
		.good_data{
			padding: 0rem 0.5rem 0.5rem 0.5rem;
	    width: 100%;
	    height: 4.55rem;
	    float: left;
	    background: #fff;
		}
		.good_img img{
			float: left;
			width: 3.8rem;
			height: 3.8rem;
		}
		.good_img{
			width: 21%;
			float: left;
			height: 100%;
		}
		.good_data_right{
			width: 75%;
		  float: left;
		  margin-left: 0.5rem;

		}
		.product_title{
			width: 100%;
			font-size:0.75rem;
			font-family:PingFangSC-Medium,PingFang SC;
			font-weight:500;
			color:rgba(77,77,77,1);
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		.specifications{
			font-size: 0.65rem;
			font-family: PingFangSC-Regular,PingFang SC;
			font-weight: 400;
			color: rgba(128,128,128,1);
			margin-top: 0.22rem;
		}
		.price{
			float: left;
			font-size: 0.75rem;
			font-family: PingFangSC-Medium,PingFang SC;
			font-weight: 500;
			color: rgba(77,77,77,1);
		}
		.number{
			float: right;
			font-size: 0.7rem;
			font-family: PingFangSC-Regular,PingFang SC;
			font-weight: 400;
			color: rgba(128,128,128,1);
		}
		.total_box{
			width: 100%;
	    float: left;
	    margin-top: 0.5rem;

	    padding: 0rem 0.5rem 0.5rem 0.5rem;
	    background: #fff;
		}
		.total_type{
			width: 100%;
			float: left;
			margin-top: 0.75rem;
		}
		.total__left{
			font-size:0.65rem;
			font-family:PingFangSC-Regular,PingFang SC;
			font-weight:400;
			color:rgba(128,128,128,1);
			float: left;
		}
		.total__right{
			font-size:0.65rem;
			font-family:PingFangSC-Medium,PingFang SC;
			font-weight:500;
			color:rgba(77,77,77,1);
			float: right;
		}
		.actual_payment{
			font-size:1rem;
			font-family:PingFangSC-Medium,PingFang SC;
			font-weight:500;
			color:rgba(247,48,36,1);
		}
		.actual_payment_text{
			font-size: 0.75rem;
	    font-family: PingFangSC-Regular,PingFang SC;
	    font-weight: 400;
	    color: rgba(128,128,128,1);
		}
		.order_information{
      width: 100%;
			background: #fff;
			padding: 0rem 0.5rem 0.5rem 0.5rem;
			margin-top: 0.5rem;
			float: left;
		}
		.order_information_title{
			font-size:0.75rem;
			font-family:PingFangSC-Medium,PingFang SC;
			font-weight:500;
			color:rgba(51,51,51,1);
			margin-top: 0.75rem;
		}
		.order_information_type{
			width: 100%;
			float:left;
			margin-top: 0.5rem;
		}
		.rder_numbers_left{
			font-size:0.75rem;
		  font-family:PingFangSC-Regular,PingFang SC;
		  font-weight:400;
		  color:rgba(128,128,128,1);
		}
		.order_numbers_right{
			font-size:0.75rem;
			font-family:PingFangSC-Medium,PingFang SC;
			font-weight:500;
			color:#4D4D4D;
			margin-left: 0.5rem;

		}
		.creation_time_left{
			font-size:0.75rem;
		  font-family:PingFangSC-Regular,PingFang SC;
		  font-weight:400;
		  color:rgba(128,128,128,1);
		}
		.creation_time_right{
			font-size:0.75rem;
			font-family:PingFangSC-Medium,PingFang SC;
			font-weight:500;
			color:#4D4D4D;
    	margin-left: 0.5rem;
		}
		.payment_method_left{
			font-size:0.75rem;
		  font-family:PingFangSC-Regular,PingFang SC;
		  font-weight:400;
		  color:rgba(128,128,128,1);
		}
		.payment_method_right{
			font-size:0.75rem;
			font-family:PingFangSC-Medium,PingFang SC;
			font-weight:500;
			color:rgba(77,77,77,1);
			margin-left: 0.5rem;
		}
		.payment_time_left{
			font-size:0.75rem;
		  font-family:PingFangSC-Regular,PingFang SC;
		  font-weight:400;
		  color:rgba(128,128,128,1);
		}
		.payment_time_right{
			font-size:0.75rem;
			font-family:PingFangSC-Medium,PingFang SC;
			font-weight:500;
			color:rgba(77,77,77,1);
			margin-left: 0.5rem;
		}
		.doubt{
			font-size: 13px;
	    font-family: PingFangSC-Regular,PingFang SC;
	    font-weight: 400;
	    color: rgba(102,102,102,1);
	    margin-top: 0.5rem;
	    margin-bottom: 3.5rem;
	    float: left;
	    margin-left: 0.6rem;

		}
		.beizhu{background:#fff;margin-top:0.5rem;width:100%;float: left; display: flex;align-items: flex-start;padding:0.5rem 0}
		.beizhu_name{	font-size: 0.75rem;
	    font-family: PingFangSC-Medium,PingFang SC;
	    font-weight: 500;
	    color: rgba(102, 102, 102, 1) !important;
	    margin-left:0.8rem;width:2rem;flex-shrink:0;}
		.beizhu div{margin-right:0.5rem;color:#4D4D4D;font-size: 0.75rem;}
		.receiptDetail{background:#fff;width:100%;float: left;margin-bottom:0.5rem;padding:0 0.75rem;box-sizing: border-box;padding-bottom:0.5rem;}
		.item {
			padding:0 0.5rem;float: left;width:100%;box-sizing: border-box;height:1.4rem; line-height: 1.4rem;
			border-bottom: 1px solid rgba(238, 238, 238, 0.5);
			height: 2.5rem;
			line-height: 2.4rem;
			}
			.item:first-child{border-top:1px solid rgba(238, 238, 238, 0.5);}
		.item .title{
			font-size:0.65rem;
			color:#808080;
			float: left;
		}
		.item .textInfo{
			font-size:0.65rem;
			color:#2E2E2E;
			float: right;
		}
		.itemList{padding-top:0.5rem;width:100%;float: left;padding:0 0.5rem;background:#fff;}
		.active{display: block;}
	</style>
</head>

<body>
	<div id="app" v-cloak="">


    <div class="order_details_head" v-if="order_status=='3'">
        <div class="order_details_status"  style="width: 100%;padding-top: 0.75rem;">
					<img src="../../../image/btn/wait_for.png" alt="">
					<div>待收货</div>
        </div>
				<div class="logistics_title">如需查询物流信息请仔细您的专属客服</div>
	</div>
	<div class="order_details_head" v-else-if="order_status=='0'">
		<div class="order_details_status"  style="width: 100%;padding-top: 0.75rem;">
					<img src="../../../image/btn/wait_for.png" alt="">
					<div>待支付</div>
		</div>
				<div class="logistics_title"><span  v-html='info.order_close_time'></span>后自动关闭</div>

	</div>
		<div class="order_details_head" v-else-if="order_status=='1'">
				<div class="order_details_status"  style="width: 100%;padding-top: 0.75rem;">
					<img src="../../../image/btn/wait_for.png" alt="">
					<div>待发货</div>
				</div>
				<div class="logistics_title" ></div>
		</div>
		<div class="order_details_head" v-else-if="order_status=='4'">
				<div class="order_details_status"  style="width: 100%;padding-top: 0.75rem;">
					<img src="../../../image/btn/complete.png" alt="">
					<div>交易完成</div>
				</div>
				<div class="logistics_title" ></div>
		</div>
		<div class="order_details_head" v-else-if="order_status=='5'">
				<div class="order_details_status"  style="width: 100%;padding-top: 0.75rem;">
					<img src="../../../image/btn/no.png" alt="">
					<div>交易关闭</div>
				</div>
				<div class="logistics_title" ></div>
		</div>
		<div class="order_details_head"  v-else>
				<div class="order_details_status"  style="width: 100%;padding-top: 0.75rem;">
					<img src="../../../image/btn/complete.png" alt="">
					<div>交易成功</div>
				</div>
				<div class="logistics_title" ></div>
		</div>
		<!-- 收获地址  -->
		<div class="info_receive_box">
			 <div class="info_receive_top">
          <img src="../../../image/btn/location.png" alt="">
					<div style="float: left;margin-top: 0.75rem;margin-left: 0.5rem;margin-right: 0.75rem;">{{info.realname}}</div>
					<div style="margin-top:0.75rem;float:left;">{{info.mobile}}</div>
			 </div>
			 <div class="info_receive_bottom">
          <div>{{info.address}}</div>
			 </div>
		</div>

		<!-- 商品信息 -->
		<div class="good_title_box">
			 <div class="good_title_name">商品信息</div>
		</div>
    <div v-for="vo in info.good">
			<div class="good_data" >
				 <div class="good_img">
					 <img :src="vo.cover" alt="">
				 </div>
				 <div class="good_data_right">
						 <div class="product_title">{{vo.title}}</div>
						 <div class="specifications">{{vo.good_sku}}</div>
						 <div style="width: 100%;float: left;margin-top: 0.4rem;">
								<div class="price">￥{{(vo.good_price/100).toFixed(2)}}</div>
								<div class="number">x{{vo.good_num}}</div>
						 </div>
				 </div>
			</div>
    </div>
		<!-- 总计费用 -->
		<div class="total_box">
        <div class="total_type">
        	 <div class="total__left">商品小计:</div> <div class="total__right">￥{{info.good_price}}</div>
        </div>
				<div class="total_type" v-if="info.freight_price!=0">
					 <div class="total__left">配送费:</div>
					 <div class="total__right">￥{{info.freight_price}}</div>
				</div>
				<div class="total_type">
					 <div class="total__left"  v-if="info.ship_price!=0">搬运费:</div>
					 <div class="total__right">￥{{info.ship_price}}</div>
				</div>

				<div class="total_type" v-if="info.coupon_name!=''">
					 <div class="total__left">优惠劵:</div> <div class="total__right">{{info.coupon_name}}</div>
				</div>
				<div class="total_type" v-if="info.gold_price!=''">
					 <div class="total__left">虚拟币抵扣:</div>
					<div class="total__right">-{{info.gold_price}}</div>
				</div>
				<div class="actual_payment">
				   <div style="float:right;margin-top:0.75rem;" v-if="info.status>0||order_status==4">
						  <span class="actual_payment_text">实付款:</span>￥ {{info.pay_price}}
					 </div>
					 <div style="float:right;margin-top:0.75rem;" v-else-if="info.status==0">
							<span class="actual_payment_text">需付款:</span>￥ {{info.pay_price}}
					 </div>
					 <div style="float:right;margin-top:0.75rem;" v-else >
							<span class="actual_payment_text">需付款:</span>￥ {{info.pay_price}}
					 </div>
				</div>
		</div>
		<!-- 备注 /发票-->
		<div class="invoice_remarks" v-if="is_agent=='1'">
			<div class="invoice">

				发票<span v-if="info.receipt_type=='不开发票'">{{info.receipt_type}}</span>
				    <span v-else></span>
			</div>

		</div>
		<div class="itemList" v-if="info.receipt_type!='不开发票' && info.receipt">
			<div class="item" >
				<span class="title">发票类型：</span>
				<span class="textInfo">{{info.receipt.type}}</span>
			</div>
			<div class="item">
				<span class="title">发票抬头：</span>
				<span class="textInfo">{{info.receipt.person}}</span>
			</div>
			<div class="item" >
				<span class="title">税号：</span>
				<span class="textInfo">{{info.receipt.num}}</span>
			</div>
		</div>

		<!-- <div  class="invoice_remarks" tapmode    v-if="!receipt_person"
	>
		发票
		<div class="invoice" :class="{'margin-r-5 color-666':receipt_type == '未选择'}">
			未选择
			 {{receipt_type}} -->
			<!-- <img src="../../image/btn/btn-right-s-new.png" style="width:0.65rem;height:0.65rem;">
		</div>
		<div class="itemList">
			<div class="item" v-if="receipt_type == '单位'">
				<span class="title">发票类型：</span>
				<span class="textInfo">{{receipt_type}}</span>
			</div>
			<div class="item">
				<span class="title">发票抬头：</span>
				<span class="textInfo">{{receipt_person}}</span>
			</div>
			<div class="item" v-if="receipt_type == '单位'">
				<span class="title">税号：</span>
				<span class="textInfo">{{receipt_num}}</span>
			</div>
		</div>

	</div> -->


	<!-- <div class="receiptDetail" tapmode  v-if="receipt_person"  >
		<div class="invoice_remarks">
			 发票
			<div class="invoice">
				<img src="../../image/btn/btn-right-s-new.png" style="width:0.65rem;height:0.65rem;">
			</div>
		</div>
		<div class="itemList">
			<div class="item" v-if="receipt_type == '单位'">
				<span class="title">发票类型：</span>
				<span class="textInfo">{{receipt_type}}</span>
			</div>
			<div class="item">
				<span class="title">发票抬头：</span>
				<span class="textInfo">{{receipt_person}}</span>
			</div>
			<div class="item" v-if="receipt_type == '单位'">
				<span class="title">税号：</span>
				<span class="textInfo">{{receipt_num}}</span>
			</div>
		</div>

	</div> -->








		<div class="beizhu">
			<div class="beizhu_name">备注:</div>
			<div>
				<span v-if="info.receipt_type!=''">{{info.remark}}</span>
				<span v-else="info.receipt_type==''">暂无</span>
			</div>

		</div>
		<!-- 订单信息 -->
		<div class="order_information">
			 <div class="order_information_title">订单信息 </div>
			 <div class="order_information_type">
			 	  <span class="creation_time_left">订单编号:</span> <span class="order_numbers_right">{{info.order_num}}</span>
			 </div>
			 <div class="order_information_type">
					<span class="creation_time_left">创建时间:</span> <span class="creation_time_right">{{info.create_time}}</span>
			 </div>
			 <div class="order_information_type" v-if="info.status>0">
					<span class="payment_method_left">支付方式:</span>
					<!-- <span >支付宝</span> -->
					<span class="payment_method_right" v-if="info.pay_type=='alipay'">支付宝</span>
					<span class="payment_method_right" v-if="info.pay_type=='wxpay'">微信</span>
					<span class="payment_method_right" v-if="info.pay_type=='unionpay'">银联支付</span>
					<span class="payment_method_right" v-if="info.pay_type=='balance'">余额支付</span>
					<span class="payment_method_right" v-if="info.pay_type==''">金币支付</span>
			 </div>
			 <div class="order_information_type" v-if="info.status>0" >
					<span class="payment_time_left">付款时间:</span>
					<span class="payment_time_right">{{info.pay_time}}</span>
			 </div>
			 <!-- <div class="order_information_type" v-if="info.status>20"  style="margin-bottom:0.5rem;">
					<span class="payment_time_left">发货时间:</span>
					<span class="payment_time_right">{{info.pay_time}}</span>
			 </div> -->
			 <div class="order_information_type" v-if="info.status>20"  style="margin-bottom:0.5rem;">
				<span class="payment_time_left">成交时间:</span>
				<span class="payment_time_right">{{info.confirm_time}}</span>
		 </div>

			 <!-- <div class="order_information_type" v-else  style="margin-bottom:0.5rem;">
					<span class="payment_time_left">发货时间:</span>
					<span class="payment_time_right">{{info.pay_time}}</span>
			 </div> -->
		</div>

    <div class="doubt">如对订单有任何疑问，请联系您的专属客服</div>
		<!-- <div class="order_detail_status" >
			<div class="status_img" v-if="order_status!=4&&order_status!='1'">
				<img v-if="order_status=='0'||order_status=='3'" src="../../../image/icon/background.png" />
				<img v-if="order_status=='5'" src="../../../image/btn/background.png" />
			</div> -->
			<!-- 交易完成 -图片居中-->
			<!-- <div class="status_img" v-if="order_status=='4'">
				<img style="margin-top:2.25rem;" src="../../../image/btn/background.png" />
			</div> -->
			<!-- 等待发货 -图片居中-->
			<!-- <div class="status_img" v-if="order_status=='1'">
				<img style="margin-top:2.25rem;" src="../../../image/btn/background.png" />
			</div> -->

			<!-- <div>
				<div class="order_details_status1" v-if="order_status!=4&&order_status!='1'">
					{{order_status_text[order_status]}}
					<p>{{info.cancel_reason}}</p>
				</div> -->

				<!-- 交易完成/等待发货 文字居中 -->
				<!-- <div v-if="order_status==4||order_status=='1'" class="order_details_status2">
					{{order_status_text[order_status]}}
				</div> -->

				<!-- 等待收货 剩余时间 -->
				<!-- <div class="order_time">
					<span v-if="order_status=='3'">还剩{{info.take_good_time}}自动关闭</span>
					<span v-if="order_status=='0'">还剩{{info.order_close_time}}自动关闭</span>
				</div>
			</div>
		</div> -->

		<!-- 已发货的快递信息 -->

		<!-- <div v-if="order_status=='3'" class="logistics">
			<div tapmode onclick="open_win('logistics_detail','logistics_detail.html',false)">
				<div>
					<div class="logistics_conext">
						{{info.kuaidi_info.data[0].context}}
					</div>
					<div  class="logistics_time">
						{{info.kuaidi_info.data[0].time}}
					</div>
				</div>
				<div>
					<img src="../../../image/btn/background.png" style="width: 0.4rem;height: 0.7rem;" />
				</div>
			</div>
		</div> -->

		<!-- 个人收货信息 -->
		<!-- <div class="info_receive">
			<div>
				<div class="info_name">
					<span>{{info.realname}}</span>{{info.mobile}}
				</div>

				<div class="info_address">
					<div class="aui-ellipsis-2">
						收货地址：{{info.address}}
					</div>
				</div>
			</div>

			<div class="info_item" tapmode onclick="open_win('address_list','../address_list.html',false)">
				<img src="../../../image/btn/btn-right-s.png" />
			</div>
		</div>
		<img src="../../../image/bg/bg-line.png" style="width:100%;height:.15rem;"> -->

		<!-- 商品信息 -->
		<!-- <div class="good_info"> -->

			<!-- <div class="good_info_head">
				<div class="good_new">
					<img src="../../../image/icon/lines.png"> 商品信息
				</div>
			</div> -->

			<!-- <div class="good_info_bottom">
					<div v-for="vo in info.good" class="good_list">
							<div class="good_list_img">
									<img :src="vo.cover">
							</div>
							<div class="good_list_info">
									<div class="aui-ellipsis good_lis_title">
											{{vo.title}}
									</div>
									<div class="good_list_sku">
											{{vo.good_sku}}
									</div>
									<div class="good_list_price">
											￥{{(vo.good_price/100).toFixed(2)}}
											<span>×{{vo.good_num}}</span>
									</div>
									<div class="after_sale" v-if="order_status=='4'" tapmode @click="if(vo.order_after_service_result!='申请售后'){return;}openWin_order_aftersale(vo.id,vo.order_id)">
											{{vo.order_after_service_result}}
									</div>
							</div>
					</div>
			</div> -->
			<!-- 商品信息 -->

			<!-- <div class="all_order_item" style="padding:0.8rem 0.8rem 0 0.8rem;border-bottom:0.5rem solid #F6F6F6;background:#ffffff">
				<div v-for="(vo,index) in info.good" style="padding-bottom:0.85rem;" :class="{'overone':info.good.length > 1}"> -->
					<!-- 商品图 -->
					<!-- <div class="godds_img" >
						<img :src="vo.cover"  />
					</div> -->

					<!-- 商品价位 -->
					<!-- <div class="info-shop">
						<div class="info-name">
							<div>{{vo.title}}</div>
							<div>{{vo.good_sku}}</div>
						</div>
						<div class="info-price">
							<div><span class=" " style="font-size:0.75rem;font-family:PingFangSC-Medium;font-weight:500;color:rgba(51,51,51,1);">￥{{(vo.good_price/100).toFixed(0)}}</span></div>
							<div>×{{vo.good_num}}</div>
						</div>
						<div class="new_goods_result" v-if="order_status=='4'" tapmode @click="if(vo.order_after_service_result!='申请售后'){return;}openWin_order_aftersale(vo.id,vo.order_id)">
							<div class="new_goods_result_item">
								{{vo.order_after_service_result}}
							</div>
						</div>
					</div>

				</div>
			</div> -->

			<!-- 商品结算信息 -->
			<!-- <div class="Settlement">
				<div class="Subtotal">
					商品小计<span style="font-size:0.75rem;font-family:Akrobat-Bold ;color:rgba(51,51,51,1);">￥{{info.good_price}}</span>
				</div>
				<div class="freight">
					运费<span style="font-size:0.75rem;font-family:PingFangSC-Regular;font-weight:400;color:rgba(51,51,51,1);">￥{{info.ship_price}}</span>
				</div>
				<div class="Coupon">
					优惠券<span >包邮</span>
				</div>
				<div class="Deduction">
					金币抵扣<span style="font-size:0.75rem;font-family:Akrobat-Bold ;color:rgba(34,34,34,1);">-￥{{info.gold_price}}</span>
				</div>
				<div class="payment">
					<span v-if="info.status==0">需付金额</span>
					<span v-if="info.status>0||order_status==4">实付金额</span>
					<span v-if="order_status!=4" class="pay_style" style="font-size:0.75rem;font-family:Akrobat-Bold;color:rgba(255,102,66,1);">￥{{info.pay_price}}</span>
					<span v-if="order_status==4" class="pay_style">-￥0.00</span>
				</div>
			</div> -->

			<!-- 发票/备注 -->
			<!-- <div class="invoice_remarks">
				<div class="invoice">
					发票<span>{{info.receipt_type}}</span>
				</div>
				<div class="remarks">
					备注<span v-if="info.receipt_type!=''">{{info.remark}}</span>
					<span v-if="info.receipt_type==''">暂无</span>
				</div>
			</div> -->

			<!-- 订单编号...成交时间 -->
			<!-- <div class="other_list">
				<div class="number">
					订单编号
					<span>{{info.order_num}}</span>
				</div>
				<div class="payment">
					支付方式
					<span v-if="info.pay_type=='alipay'">支付宝</span>
					<span v-if="info.pay_type=='wxpay'">微信</span>
					<span v-if="info.pay_type=='unionpay'">银联支付</span>
					<span v-if="info.pay_type==''">金币支付</span>
				</div>
				<div class="found_time">
					创建时间<span>{{info.create_time}}</span>
				</div>
				<div v-if="info.status>0" class="pay_time">
					付款时间<span>{{info.pay_time}}</span>
				</div>
				<div v-if="info.status>10" class="deliver_time">
					发货时间<span>{{info.ship_time}}</span>
				</div>
				<div v-if="info.status>20" class="deal_time">
					成交时间<span>{{info.confirm_time}}</span>
				</div>
			</div> -->

			<!-- 待操作信息 -->
			<!-- 1-待支付状态 -->
			<div class="btn-group" v-if="order_status=='0'">
				<span class="btn-white aui-btn" tapmode @click="cancelOrder()">
							取消订单
				</span>
				<span class="btn-white aui-btn" tapmode @click="call(kefu_phone)">
					客服电话
			</span>
				<span class="btn-jianbian aui-btn aui-bg-linear" tapmode onclick="open_win('payment','../../cart/payment.html',false)">
							立即付款
				</span>
			</div>

			<!-- 2-等待发货 -->
			<div v-if="order_status=='1'" class="btn-group">
				<span class="btn-white aui-btn" tapmode onclick="open_sale()">
						<!-- 申请售后 -->
						申请退款
					</span>
				  <span class="btn-white aui-btn" tapmode @click="call(kefu_phone)">
							客服电话
					</span>
			</div>

			<!-- 3-等待收货 -->
			<div v-if="order_status=='3'" class="btn-group">
				    <span class="btn-white aui-btn" tapmode @click="call(kefu_phone)">
							客服电话
						</span>
				    <span class="btn-jianbian aui-btn aui-bg-linear" tapmode @click="confirmOrder()">
							确认收货
						</span>
			</div>


			<!-- 交易完成状态 -->
			<div v-if="order_status=='4'&&info.comment_status==0" class="btn-group">
					<!-- @click="if(good[0].order_after_service_result!='申请售后'){openWin_aftersale_detail(info.id);}openWin_order_aftersale(good[0].good_id,info.id)" -->
				  <span class="btn-white aui-btn" tapmode onclick="open_next()">
							<!-- 申请售后 -->
							{{good[0].order_after_service_result}}
						</span>
				  <span class="btn-white aui-btn" tapmode @click="call(kefu_phone)">
							客服电话
					</span>


					<span class="btn-white aui-btn"  tapmode @click="comment_order(info)">
								 去评价
					</span>

			</div>
			<!-- @click="if(good[0].order_after_service_result!='申请售后'){return;}openWin_aftersale_detail(good[0].good_id,info.id)" -->
			<div v-if="order_status=='4'&&info.comment_status!=0" class="btn-group">
					<span class="btn-white aui-btn" tapmode onclick="open_next()">
							<!-- 申请售后 -->
							{{good[0].order_after_service_result}}
						</span>
					<span class="btn-white aui-btn" tapmode @click="call(kefu_phone)">
							客服电话
					</span>

			</div>

			<!-- 交易关闭状态 -->
			<div v-if="order_status=='5'" class="btn-group">
				<span class="btn-white aui-btn" tapmode @click="delOrder()">
							删除订单
				</span>
				<span class="btn-white aui-btn" tapmode @click="call(kefu_phone)">
							客服电话
				</span>
			</div>
		</div>
</body>
<script type="text/javascript" src="../../../script/api.js"></script>
<script type="text/javascript" src="../../../script/vue.js"></script>
<script type="text/javascript" src="../../../script/common.js"></script>
<script type="text/javascript" src="../../../script/aui-dialog.js"></script>
<script>
	//		订单状态-2删除订单 -1 订单取消 0 待付款 10 已付款|待发货 20已发货 30 已完成 40 已退款

	// vm.receipt_type = ret.receipt.type
	// 		vm.receipt_person = ret.receipt.person
	// 		vm.receipt_name = ret.receipt.name
	// 		vm.receipt_num=ret.receipt.num



	var vm = new Vue({
		el: '#app',
		data: {
			order_status: 0,
			order_status_text: ['等待付款', '等待发货', '', '等待收货', '交易完成', '交易关闭'],
			jiashu_show: false,
			id: 0,
			info: {},
			kefu_phone: '400000000',
			good:{},
			is_agent:0,
			receipt_person:'',
			receipt_name:'',
			receipt_num:0,
			receipt_type:''
		},
		methods: {

			get_list: function() {
				get_data('api/Order/orderDetail', {
					token: $api.getStorage('token'),
					order_id: vm.id
				}, function(ret) {
					// alert(JSON.stringify(ret.data.good,null,2))
					//alert(JSON.stringify(ret))
					console.log(JSON.stringify(ret));

					if (ret.status) {
						vm.info = ret.data
						vm.good = ret.data.good
						console.log(JSON.stringify(vm.good));

						if (ret.data.status == '0') {
							vm.order_status = 0
						}
						if (ret.data.status == '10') {
							vm.order_status = 1
						}
						if (ret.data.status == '20') {
							vm.order_status = 3
						}
						if (ret.data.status == '30') {
							vm.order_status = 4
						}
						if (ret.data.status == '40') {
							vm.order_status = 5
						}
						if (ret.data.status == '-1') {
							vm.order_status = 5
						}
						if (ret.data.status == '-2') {
							vm.order_status = 5
						}
					}
				})

			},
			get_kefu_phone: function() {
				get_data('api/System/sysInfo', {}, function(ret) {
					if (ret.status) {
						vm.kefu_phone = ret.data.kefu_phone
					}
				})
			},
			goto_pay: function() {
				$api.setStorage('orderinfo', {
					pay_price: vm.info.pay_price,
					order_num: vm.info.order_num,
					order_id: vm.info.id,
				})
				open_win('payment', '../../cart/payment.html')
			},
			delOrder: function() {
				dialog.alert({
					title: "提示",
					msg: '确定要删除这个订单吗？',
					buttons: ['取消', '确定']
				}, function(ret) {
					if (ret) {
						if (ret.buttonIndex == '2') {
							get_data('api/Order/delOrder', {
								token: $api.getStorage('token'),
								order_id: vm.info.id
							}, function(ret) {
								if (ret.status) {
									//send_event('logined')
									//api.refreshHeaderLoading();
									send_event('order_chang')
									setTimeout(function() {
										close_win()
									}, 1000)
								}
							})
						}
					}
				})
			},
			cancelOrder: function() {
				open_sel_return_cause()
				return;
				dialog.alert({
					title: "提示",
					msg: '确定要取消这个订单吗？',
					buttons: ['取消', '确定']
				}, function(ret) {
					if (ret) {
						if (ret.buttonIndex == '2') {
							get_data('api/Order/cancelOrder', {
								token: $api.getStorage('token'),
								order_id: vm.info.id,
								cancel_reason: vm.cancel_reason
							}, function(ret) {
								if (ret.status) {
									send_event('logined')
									api.refreshHeaderLoading();
								}
							})
						}
					}
				})
			},
			confirmOrder: function() {
				dialog.alert({
					title: "提示",
					msg: '是否确认收货？',
					buttons: ['取消', '确定']
				}, function(ret) {
					if(ret) {
						if(ret.buttonIndex == '2') {
							get_data('api/Order/confirmOrder', {
								token: $api.getStorage('token'),
								order_id: vm.info.id
							}, function(ret) {
								if(ret.status) {
									toast('确认收货成功')
									send_event('logined')
									api.refreshHeaderLoading();
								}
							})
						}
					}
				})
				//alert(555)
			},
		}
	})
	var dialog = new auiDialog();
	apiready = function() {

		vm.is_agent = $api.getStorage('is_agent')
		vm.id = $api.getStorage('id')
		console.log(vm.id);


		vm.get_list()
		vm.get_kefu_phone()
			// fnInitPullRefresh(function() {
			// 	vm.get_list()
			// })
			// 新版刷新
		refresh_new(function() {
			setTimeout(function() {
				vm.get_list()
				api.refreshHeaderLoadDone()
			}, 1000)
		})
		fnInitPullRefresh(function() {
			vm.get_list();
			api.refreshHeaderLoadDone();

		})

		add_event('order_chang', function(ret) {
			vm.get_list()
		})


	};

	function open_sale(){
		let arr = vm.good;
		let obj = vm.info;
		console.log(JSON.stringify(arr));
		console.log(JSON.stringify(obj));
		openWin_order_aftersale(arr[0].id,obj.id)
	}

	//售后跳转
	function open_next(){
		let arr = vm.good;
		let obj = vm.info;
		// console.log(JSON.stringify(arr));
		// console.log(JSON.stringify(obj));

		if(arr[0].order_after_service_result == '申请售后'){
			// console.log(arr[0].order_after_service_id);
			// console.log(obj.id);
			openWin_order_aftersale(arr[0].id,obj.id)
		}else{
			openWin_aftersale_detail(arr[0].order_after_service_id)
		}
	}

	function comment_order(data) {
		console.log(JSON.stringify(data));

		var comment = [];
		data.good.forEach(function(el) {
			var obj = {
				good_id: el.good_id,
				good_name: el.title + ' ' + el.good_sku,
				star_num: 5,
				content: "",
				good_img: el.cover,
				good_sku: el.good_sku,
				img: [],
				imgpath: []
			}
			comment.push(obj)
		})
		$api.setStorage('comment', comment)
		$api.setStorage('id', data.id);
		open_win('my_ordre_shaidan', '../my_ordre_shaidan.html', false)
	}

	function open_pay() {
		$api.setStorage('orderinfo', {
			pay_price: vm.info.pay_price,
			order_num: vm.info.order_num,
			order_id: vm.info.id,
		})
		open_win('payment', '../../cart/payment.html', false)
	}

	function open_sel_return_cause() {
		var UIActionSelector = api.require('UIActionSelector');
		UIActionSelector.open({
			datas: [{
				"name": '我不想买了',
				"id": '0'
			}, {
				"name": '信息填写错误，重新拍',
				"id": '1'
			}, {
				"name": '卖家缺货',
				"id": '2'
			}, {
				"name": '其他原因',
				"id": '3'
			}],
			layout: {
				row: 3,
				col: 1,
				height: 50,
				size: 13,
				sizeActive: 15,
				rowSpacing: 5,
				colSpacing: 10,
				maskBg: 'rgba(0,0,0,0.2)',
				bg: '#fff',
				color: '#999',
				colorActive: '#999',
				colorSelected: '#999',
				leftMargin: 35, //（可选项）数字类型；选择器分割线的左边距；默认：0
				rightMargin: 35,
			},
			animation: true,
			cancel: {
				text: '取消',
				size: 18,
				w: 90,
				h: 43,
				bg: 'rgba(0,0,0,0)',
				bgActive: 'rgba(0,0,0,0)',
				color: '#999',
				colorActive: '#999'
			},
			ok: {
				text: '确定',
				size: 18,
				w: 90,
				h: 43,
				bg: 'rgba(0,0,0,0)',
				bgActive: 'rgba(0,0,0,0)',
				color: '#005A93',
				colorActive: '#005A93'
			},
			title: {
				text: '',
				size: 12,
				h: 44,
				bg: '#fff',
				color: '#fff'
			},
			lineColor: '#E6E6E6',
			actives: [1],
			fixedOn: api.frameName
		}, function(ret, err) {
			if (ret) {
				if (ret.eventType == 'ok') {
					var return_cause = ret.selectedInfo[0].name;
					get_data('api/Order/cancelOrder', {
						token: $api.getStorage('token'),
						order_id: vm.info.id,
						cancel_reason: return_cause
					}, function(ret) {
						if (ret.status) {
							toast('取消订单成功')
							send_event('logined')
							api.refreshHeaderLoading();
						}
					})
				}
			} else {
				console.log(JSON.stringify(err));
			}
		});

	}
</script>

</html>
